<template>
  <div>
    <button @click="showFun()">弹出</button>
    <Drawer :visible.sync="isshow" title="维修历史" destroyOnClose :containerStyle="{ height: 'calc(100% - 60px)', overflow: 'auto', paddingBottom: '60px' }">
      <historypop :getdata="data" @close="closeHandler" />
    </Drawer>
  </div>
</template>
<script>
import historypop from './historypop.vue';
export default {
  components: {
    historypop
  },
  data() {
    return {
      isshow: false,
      data: {
        id: '',
        num: '沪A00841',
        vin: '1333L9BC4H5638888',
        Enginenum: '1234',
        usercode: '20190318001-'
      }
    };
  },
  methods: {
    showFun() {
      this.isshow = true;
    },
    closeHandler() {
      this.isshow = false;
    }
  }
};
</script>
